<template>
    <div>
        <a-modal v-model:visible="modalVisible" title="克隆实例" @ok="handleOk">
            <div class="instance-modal">
                <div>克隆实例将完整拷贝当前实例的系统盘创建新实例</div>
                <div>注意</div>
                <p>1. 源实例不受影响，不会释放也不会清理数据</p>
                <p>2. 仅拷贝当前实例的系统盘数据，数据盘数据需额外使用跨实例拷贝数据完成拷贝</p>
                <p>3. 克隆实例功能仅在高可用云中适用</p>
    
                <div class="fz-12 col-8A93A7" style="text-align: right;">
                    今天剩余拷贝次数：3次
                </div>
            </div>
        </a-modal>
    </div>
</template>

<script setup>
import { defineProps, defineEmits, computed , ref} from 'vue';

const props = defineProps({
    modelValue: {
        type: Boolean,
    },
    instance: {
        type: Object,
        default: {}
    }
});

const emit = defineEmits(['update:modelValue']);
const modalVisible = computed({
    get: () => props.modelValue,
    set: v => emit('update:modelValue', v),
});
// 确定按钮的回调
const handleOk = () => {
    
};

</script>

<style scoped lang="less">
.instance-modal {
    font-size: 14px;
    color: #646F87;
    &>div {
        margin-bottom: 8px;
    }
    p {
        margin-bottom: 8px;
    }
}
</style>

